@charset "utf-8";
/* CSS Document */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {box-sizing:border-box;-ms-overflow-style:scrollbar;}
*::before, *::after {}
* { margin:0px;  padding:0px;box-sizing:inherit; font-family:}
html { -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
ul li{ list-style:none;}
li{ list-style:none;}
img { border:none; display: block }
a { text-decoration:none;blr:expression(this.onFocus=this.blur())}
a:link { text-decoration:none}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.clear {clear:both;} 
.page { padding:40px 10px; }
.page.blue { background:#004aad}
.page.white { background:#FFF}
.page.grey { background:#fdfafd}
.page.grey2 { background:#eef2f6}
.page.grey3 { background:#fefafc}

@media(min-width:768px) {
.page { padding:40px 80px; }
}
@media(min-width:1024px) {
.page { padding:40px 100px; }
}
@media(min-width:1280px) {
.page { padding:40px 120px; }
}
@media(min-width:1366px) {
.page { padding:40px 140px; }
}
@media(min-width:1440px) {
.page { padding:40px 160px; }
}
@media(min-width:1680px) {
.page { padding:40px 200px; }
}
 

.nav { width: 100vw; background:rgba(79,79,41,0.55); box-shadow: 0 1px rgba(79,79,41,.2);position: fixed;z-index: 100;}
.nav.nava { background:rgba(255, 255, 255, 0.4)}
.logo { float:left; padding:30px 0 30px 80px;}
.logo img { display:block;height:60px;}
.lang { float:right; margin:42px 80px 0 40px}
.nav-links { float:right; margin-top:30px; justify-content: space-evenly;align-items: center;}
.nav-links li {  display:block; float:left; margin:0 20px 0 0 ;}
.nav-links.nav-linksen li { margin-right:10px;}
.nav-links li a.toplink { display:block; font-size:18px; color:#fff; line-height:40px; font-weight:bold; padding:0 10px; margin:0 10px;position: relative;}
.nav-links li a.toplink.toplinken{  padding:0 10px; }
.nav-links li a.toplink::after {content: "";display: block;height: 2px;width: 0%;background-color: #fff;position: absolute; left:10px;transition: all ease-in-out 250ms; }
.nav-links li a.toplink:hover::after,.nav-links li.on a.toplink::after{ width:calc((100% - 20px) /1)}
.hamburger div {width: 30px;height:3px;background: #fff;margin: 5px;transition: all 0.3s ease;}
.hamburger {display: none;}
body.openw { overflow:hidden}

.nav_menu-item {
  display: block;
  position: relative;
}
.nav_menu-item:hover {
}
.nav_menu-item:hover .nav_submenu {
  display: block;
}
.nav_submenu {
  text-transform: none;
  display: none;
  position: absolute;
  width: 160px;
	top:40px;
	color:#666;
	font-size:14px;
  background: rgba(255, 255, 255, 0.8);
	padding-bottom:10px;
}
.nav_submenu.nav_submenua { width:180px;
}

.nav_submenu.nav_submenuen { width:200px;}
.nav_submenu.nav_submenuena{ width:240px;}
.nav_submenu .nav_submenu-item{
	width:100%;
	line-height:40px;
	font-size:15px;
	margin-right:0;
}
.nav_submenu.nav_submenuen .nav_submenu-item{

}
.nav_submenu .nav_submenu-item a{ display:block;
	margin-left:20px;
	color:#666;
}
.nav_submenu .nav_submenu-item::after {content: "";display: block;height: 2px;width: 0%;background-color: #fff;position: absolute; left:10px;transition: all ease-in-out 250ms; }

.nav_submenu .nav_submenu-item:hover a{
	color:#574240;
}
.nav_submenu .nav_submenu-item:hover::after{ width:calc((100% - 20px) )} 
@media screen and (max-width: 1200px) {
.nav-links.nav-linksen li { margin-right:8px;}
.nav-links li a.toplink.toplinken{font-size:13px;  padding:0 6px; }
}

@media screen and (max-width: 966px) {
.nav {position: fixed;z-index: 3;}
.logo { float:left; padding:10px 20px;}
.logo img { display:block;height:52px;}
.lang { position: absolute;cursor: pointer;right: 15%;top: 0;z-index: 2;margin:25px 25px 0 30px}
.hamburger {display:block;position: absolute;cursor: pointer;right: 5%;top: 50%;transform: translate(-5%, -50%);z-index: 2;transition: all 0.7s ease;}
.nav-links {position: fixed;background: #131418;height: 100vh;width: 100%; margin-top:0; padding:80px 0 0;flex-direction: column;clip-path: circle(50px at 90% -20%);-webkit-clip-path: circle(50px at 90% -10%);transition: all 1s ease-out;pointer-events: none;}
.nav-links.open {clip-path: circle(2000px at 90% -10%);-webkit-clip-path: circle(2000px at 90% -10%);pointer-events: all;}
.nav-links li { float:none; width:100%;opacity: 0; margin:0}
.nav-links li a.toplink { display:block; font-size:18px; color:#fff; line-height:76px; padding:0 20px;position: relative;}
.nav-links li.xgxa a.toplink { color:#C0131D}
.nav-links li a.toplink::after {content: "";display: block;height: 4px;width: 0%;background-color: #C0131D;position: absolute; left:10px;transition: all ease-in-out 250ms; }
.nav-links li a.toplink:hover::after,.nav-links li.on a.toplink::after{ width:calc((100% - 20px) /1)}

.nav-links li:nth-child(1) {transition: all 0.5s ease 0.2s;}
.nav-links li:nth-child(2) {transition: all 0.5s ease 0.4s;}
.nav-links li:nth-child(3) {transition: all 0.5s ease 0.6s;}
.nav-links li:nth-child(4) {transition: all 0.5s ease 0.7s;}
.nav-links li:nth-child(5) {transition: all 0.5s ease 0.8s;}
.nav-links li:nth-child(6) {transition: all 0.5s ease 0.9s;}
.nav-links li:nth-child(7) {transition: all 0.5s ease 1s;}
li.fade {opacity: 1;}
.nav-links li a { display:block; font-size:18px; color:#FFF; padding:0; text-align:center;}
.nav-links li a::after { display:none}
.hamburger.toggle div {background: #FFF;}


.nav_menu-item {
  display: none;
  position: relative;
}
.nav_menu-item:hover {
}
.nav_menu-item:hover .nav_submenu {
  display: none;
}
.nav_submenu {
  text-transform: none;
  display: block;
  position: relative;
  width: 100%;
  padding-left:10px;
  padding-right:10px;
	top:4px;
	color:#333;
	font-size:14px;
  background:none;
	padding-bottom:10px;
}
.nav_submenu-item{
	width:100%;
	line-height:40px;
	font-size:15px;
	margin-right:0;
}
.nav_submenu-item a{
	margin-left:20px;
	color:#111;
}
.nav_submenu-item::after {content: "";display: block;height: 2px;width: 0%;background-color: #C0131D;position: absolute; left:10px;transition: all ease-in-out 250ms; }

.nav_submenu-item:hover a{
	color:#C0131D;
}
.nav_submenu-item:hover::after{ width:140px} 

.nav_submenu.nav_submenua { width:100%;
}

}
/*Animating Hamburger Icon on Click*/
.toggle .line1 {transform: rotate(-45deg) translate(-5px, 6px);}
.toggle .line2 {transition: all 0.7s ease;width:0;}
.toggle .line3 {transform: rotate(45deg) translate(-5px, -6px);}


.banner { padding:46px 20px; }
/*.banner .banner-text { color:#FFF; }
.banner .banner-text  h1{ font-size:30px; line-height:52px;font-weight:bold ; letter-spacing:2px; }
.banner .banner-text p{ font-size:12px; letter-spacing:2px; margin:20px 0 60px }
.banner  .banner-btn a{ display:block; width:140px; height:42px; font-size:14px; color:#FFF; text-align:center; line-height:42px; font-weight: bold; background:#004aad;; border-radius:20px;}*/
.banner-nei { height:360px; position:relative} 
.subnav { position:absolute; bottom:0; width:100%; padding:0 20px; font-size:12px;  color:rgba(255,255,255,0.75); text-align:right; line-height:56px; background:rgba(79,79,41,0.55)}
.title { font-size:32px; color:#574240; line-height:1.5;font-weight:bold; margin-bottom:20px;}
.title.white { color:#FFF}
@media(min-width:768px) {
.banner { padding:60px 80px; }
/*.banner .banner-text  h1{ font-size:52px; line-height:76px;letter-spacing:4px; }
.banner .banner-text p { letter-spacing:8px;}
.banner  .banner-btn a { width:280px;  }*/
.banner-nei { height:560px;}
.subnav { font-size:16px;}
.title { font-size:42px; }
}
.btn a { display:block; width:200px; height:42px; margin-top:40px; border-radius:21px; background:#3c85e6;/*background-image: linear-gradient(to right, #5a6ffc , #f367c8); */font-size:14px; color:#fff; text-align:center; line-height:42px}
.btn.btnauto a{ margin:30px auto 0}

.swiper-banner {width: 100%; }
.swiper-slide .swiper-slide-img img { width:100% }
.swiper-slide .swiper-slide-img img.img-pc { display:none }
.swiper-slide .swiper-slide-img img.img-m { display:block }
.banner-index-text {width:100%;position: absolute;
  top: 70%;
  left: 40px; width:calc((100% - 80px) ); color:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#FFF; }
.banner-index-text a { display:block; width:120px; height:36px; position:relative;left:40px;font-size:18px; color:#FFF;line-height:36px; text-align:center; font-weight:bold; background:#574240;transition:all .4s ease; border-radius:10px; }
.banner-index-text a:hover { background:#FFF; color:#574240}
.swiper-banner .swiper-pagination-bullet{width: 80px;height: 4px;display: inline-block;background: #ffffff; border-radius: inherit}
.swiper-banner .swiper-pagination-bullet-active { background:#574240}
.swiper-button-next::after, .swiper-button-prev::after { color:#574240}
@media(min-width:768px) {
.banner-index-text { top:50%}
.banner-index-text a {width:160px; height:56px;font-size:24px; line-height:56px; }
.swiper-slide .swiper-slide-img img.img-pc { display: block }
.swiper-slide .swiper-slide-img img.img-m { display: none }
}



.about .about-text{padding:30px 0px 30px 0; font-size:16px; color:#000; line-height:2;  }


@media(min-width:768px) {
.about .about-text{ float:left; width:40%;padding:50px 50px 0 0; }
.about .about-video{ float:right; width:60% }
}
.vision { padding:0 20px;}
.visioncom { padding:40px 0 }
.visioncom .visioncom-btn {  }
.visioncom .visioncom-btn span { display:block;background:#FFF; font-size:24px; color:#000; font-weight:bold; text-align:center; line-height:80px; border-radius:40px;  }
.visioncom .visioncom-info { font-size:18px; color:#FFF; line-height:28px; }
.visioncom .visioncom-info i{ font-size:20px; margin-right:10px; }
.visioncom .visioncom-info p{ margin:20px 0 }
@media(min-width:768px) {
.vision { padding:0 50px;}
.visioncom .visioncom-btn { float:left; width:40%;padding-right:100px;}
.visioncom .visioncom-info { float: right; width:60%;font-size:24px; line-height:36px; }
.visioncom .visioncom-info i{ font-size:36px ;}
}
.worldtang .worldtang-text{ padding:0 20px 20px 20px;}
.worldtang .worldtang-text span{ font-size:14px; color:#545454; font-style:italic }
.worldtang .worldtang-text .worldtang-texta {font-size:28px; line-height:56px; }
.worldtang .worldtang-text .worldtang-texta i { display:block;font-size:56px; }
.worldtang .worldtang-text .worldtang-texta i.icon-baojiaquotation{ text-align:right;}
.worldtang .worldtang-text .worldtang-texta p,.worldtang .worldtang-text .worldtang-text-list { padding:0 20px;}
.worldtang .worldtang-text .worldtang-text-list ul li{ list-style:disc outside; font-size:16px; color:#545454; line-height:32px; }
.worldtang .worldtang-text .worldtang-text-list{ }
.worldtang .worldtang-img img { width:100%}
@media(min-width:768px) {
.worldtang .worldtang-text{ float:right; width:60%; padding:0 50px;}
.worldtang .worldtang-img{ float:left; width:40% }
}
.page-originw { padding:30px 10px;}
.page-originl { }
.page-originr {height: auto;margin:0 auto;overflow: hidden;}
.page-originr ul li{color:#FFF; padding:0px 0 60px;background: url(../img/bg-libm.png) no-repeat  130px top;}
.page-originr ul li:last-child { background: url(../img/bg-liam.png) no-repeat  130px top;}
.page-originr ul li .page-origin-time{ float:left; width:140px; padding-right:20px; font-size:16px;text-align:right; font-weight:bold; line-height:36px;}
.page-originr ul li .page-origin-text{ float:left;width:calc((100% - 140px)); padding:0px 0 0 20px; font-size:14px; line-height:2}

	.hidden{ display: none;}
 	.page-originr ul{overflow: hidden;}
@media(min-width:768px) {
.page-originw { padding:60px 80px;}
.page-originl { float:left; width:120px; }
.page-originr { float: right; width:calc((100% - 180px));}
.page-originr ul li{color:#FFF; padding:0px 0 60px;background: url(../img/bg-lib.png) no-repeat  200px top;}
.page-originr ul li:last-child { background: url(../img/bg-lia.png) no-repeat  200px top;}
.page-originr ul li .page-origin-time{ float:left; width:240px; padding-right:80px;}
.page-originr ul li .page-origin-text{ float:left;width:calc((100% - 240px)); padding:20px 0 0 40px;}
}

.footer { background:#2d372b; color:#FFF;}
.footer .footer-logo img { width:60px}
.footer .footer-contact{ font-size:14px; margin:20px 0}
.footer .footer-contact .footer-contacta{ float: left; margin-right:40px;  font-weight:bold}
.footer .footer-contact .footer-contactb{float: left; }
.footer .footer-contact .footer-contactb a { color:#fff}
.footer .footer-icon ul li{ display:block; float:left; width:20%; margin-left:3%}
.footer .footer-icon ul li img{ width:80% ; max-width:42px;}
.footer .copyright {margin-top:20px;margin-right:0px; font-size:12px; text-align:center}
@media(min-width:768px) {
.footer .footer-logo {float: left; width:160px; }
.footer .footer-contact{float: left; margin:0}
.footer .footer-icon{ float: right;width:200px; margin:0 }
.footer .footer-icon ul li img{ width:80% ; max-width:72px;}
.footer .copyright { float:left;  margin-top:40px;margin-right:50px; text-align:left}
}
/*参与我们 - 可以可以艺术团*/
.participated-kleeklee { }
.participated-kleeklee .participated-kleeklee-img-yyh .yyhl,.participated-kleeklee .participated-kleeklee-img-yyh .yyhr img{ display:block; width:100% }
.participated-kleeklee .participated-kleeklee-img img{ width:100% }
.participated-kleeklee .participated-kleeklee-text{font-size:16px; color:#545454; line-height:36px;  padding:10px 20px;}
.participated-kleeklee .participated-kleeklee-text p img { max-width:100%; margin:5px 0}
.participated-kleeklee .participated-kleeklee-text ul li{ list-style:disc outside; font-size:20px; color:#545454; line-height:36px; }
@media(min-width:768px) {
.participated-kleeklee .participated-kleeklee-img-yyh .yyhl,.participated-kleeklee .participated-kleeklee-img-yyh .yyhr{ display:block; float:left; width:50% }
}
/*参与我们 - 世界唐氏大使*/
.participated-worldtang { }
.participated-worldtang .participated-worldtang-text{ font-size:16px; color:#545454; line-height:28px; }
.participated-worldtang .participated-worldtang-text p{ margin-top:10px;}
.participated-worldtang .participated-worldtang-text p img { max-width:100%; margin:5px 0}

.participated-worldtang .participated-worldtang-text  img.participated-worldtang-pic1{ width:400px;margin:20px 20px 10px 0;}
.participated-worldtang .participated-worldtang-text  img.participated-worldtang-pic2{ width:100%; margin:20px 0 10px}
.participated-worldtang-letter { color:#FFF }
.participated-worldtang-letter h2{ font-size:30px; font-weight:bold; margin-bottom:30px; }
.participated-worldtang-letter p{ font-size:16px; line-height:36px;}
.participated-worldtang-letter p.zw { padding:25px 50px;}
.participated-worldtang-letter p i { font-size:56px;}
.participated-worldtang .participated-worldtang-text.participated-worldtang-texta { }
.participated-worldtang .participated-worldtang-text.participated-worldtang-textb { }
@media(min-width:768px) {
.participated-worldtang .participated-worldtang-text.participated-worldtang-textl {float:left; width:50%; }
.participated-worldtang .participated-worldtang-text.participated-worldtang-textr { float:right; width:40%;}
.participated-worldtang .participated-worldtang-text.participated-worldtang-textl img { width:100%; min-width:510px}
}
/*参与我们 - 自我倡导*/
.participated-selfadvocacy { }
.participated-selfadvocacy .participated-selfadvocacy-box {  }
.participated-selfadvocacy .participated-selfadvocacy-img,.participated-selfadvocacy .participated-selfadvocacy-activityl  { position: relative; z-index:1}
.participated-selfadvocacy .participated-selfadvocacy-img  img{ width:100% ; margin-top:30px;}
.participated-selfadvocacy .participated-selfadvocacy-text.participated-selfadvocacy-texta { padding:30px;}
.participated-selfadvocacy .participated-selfadvocacy-text.participated-selfadvocacy-textb,.participated-selfadvocacy .participated-selfadvocacy-activityr {background:#FFF;border-radius:30px;  }
.participated-selfadvocacy .participated-selfadvocacy-text.participated-selfadvocacy-textb {padding:40px; margin-top:20px}
.participated-selfadvocacy .participated-selfadvocacy-text ul li { list-style:disc outside; font-size:20px; line-height:36px; }
.participated-selfadvocacy .participated-selfadvocacy-activityl p{ font-size:20px; color:#FFF; line-height:2;  }
.participated-selfadvocacy .participated-selfadvocacy-activityr { font-size:24px; color:#4b3825; line-height:2; font-weight:bold;padding:40px; margin-top:20px; }
@media(min-width:768px) {
.participated-selfadvocacy .participated-selfadvocacy-img,.participated-selfadvocacy .participated-selfadvocacy-activityl  { float:left; width:40%;}
.participated-selfadvocacy .participated-selfadvocacy-text,.participated-selfadvocacy .participated-selfadvocacy-activityr { float:left; width:60%;  }
.participated-selfadvocacy .participated-selfadvocacy-text.participated-selfadvocacy-texta { padding:50px;}
.participated-selfadvocacy .participated-selfadvocacy-text.participated-selfadvocacy-textb {margin-left:-50px; margin-top:0;padding:80px 80px 80px 130px;}
.participated-selfadvocacy .participated-selfadvocacy-activityl p{padding-right:80px; }
.participated-selfadvocacy .participated-selfadvocacy-activityr  { padding:80px; margin-top:0}
}
/*我们与世界 - 走进321*/
.about-321-whata { }
.about-321-whata .about-321-whatal { width:200px; height:100px; background:#dfdfe7; line-height:100px; font-size:56px; color:#545454; text-align:center; border-radius:30px }
.about-321-whata .about-321-whatar {  font-size:14px; color:#545454; line-height:28px; margin-top:20px;}
.about-321-whatb { }
.about-321-whatb .about-321-whatbl { width:200px; }
.about-321-whatb .about-321-whatbl img { width:100%;}
.about-321-whatb .about-321-whatbr { font-size:18px; color:#545454; line-height:36px; }
.about-321-speech { padding:0px 20px; }
.about-321-speech p{ font-size:16px; line-height:28px;}
.participated-worldtang p i { font-size:36px;}
@media(min-width:768px) {
.about-321-whata .about-321-whatal { float:left; }
.about-321-whata .about-321-whatar { float:right;width:calc((100% - 240px)); }
.about-321-whatb .about-321-whatbl { float:left;}
.about-321-whatb .about-321-whatbr { float:right;width:calc((100% - 240px));  }
.about-321-speech { padding:0px 50px; }
.participated-worldtang p i { font-size:56px;}
}
/*我们与世界 - 世界唐氏大会*/
.about-worldtang-info { }
.about-worldtang-info .about-worldtang-infol { margin-bottom:20px;}
.about-worldtang-info .about-worldtang-infol img {width:100%; max-width:200px}
.about-worldtang-info .about-worldtang-infor {font-size:18px; color:#545454; line-height:36px;  }
.about-worldtang-theme .about-worldtang-themel {background:#fff; border-radius:30px; padding:50px; font-size:18px; color:#545454; line-height:36px;}
.about-worldtang-theme .about-worldtang-themer img{ width:100%; margin:20px auto 0}
@media(min-width:768px) {
.about-worldtang-info .about-worldtang-infol {float:left; width:200px; margin:0  }
.about-worldtang-info .about-worldtang-infor { float:right;width:calc((100% - 240px));  }
.about-worldtang-theme { display:flex}
.about-worldtang-theme .about-worldtang-themel { float:left; width:50%;}
.about-worldtang-theme .about-worldtang-themer{ float:right; width:50%;}
.about-worldtang-theme .about-worldtang-themer img{ width:60%; margin:0 auto}
}
.about-worldtang-congress p{font-size:16px; color:#545454; line-height:28px;}
.about-worldtang-congress .about-worldtang-congress-box{ font-size:18px; color:#545454; line-height:36px; padding:30px; border:solid 1px #f8f7fd; margin-top:20px;}
.about-worldtang-congress .about-worldtang-congress-title{ font-size:24px; font-weight:bold; margin-bottom:20px;}
.about-worldtang-congress .about-worldtang-congress-box img { width:100% ; margin-top:30px}
/*我们与世界 - 关于亚太唐盟APDSF*/
.about-apdsf { font-size:16px; color:#545454; line-height:28px; }
.about-apdsf img { display:block; width:100%; margin:20px 0}


/*我们与世界 - 走进DSi*/
.about-dsi-story { }
.about-dsi-story .about-dsi-story-info { background:#d9d9d9; padding:20px; margin:20px 0; font-size:14px; color:#545454; line-height:26px; } 
.about-dsi-story .about-dsi-story-img  img{ width:100%; } 
.about-dsi-story .about-dsi-story-text {font-size:16px; color:#545454; line-height:36px; margin-top:20px;} 
.about-dsi-story .about-dsi-story-text a { color:#131313; text-decoration:underline}
@media(min-width:768px) {
.about-dsi-story .about-dsi-story-img { float:left; width:460px; } 
.about-dsi-story .about-dsi-story-text { float:right;width:calc((100% - 500px));  margin-top:0}
}
.about-dsi-predestination { background:#fff; padding:30px; border-radius:30px; }
.about-dsi-predestination .about-dsi-predestinationl {font-size:16px; color:#545454; line-height:32px }
.about-dsi-predestination .about-dsi-predestinationl p.time{font-size:22px; font-weight:bold; line-height:28px }
.about-dsi-predestination .about-dsi-predestinationr img{ width:100%; }
.about-dsi-predestination .about-dsi-predestinationr{ margin-top:20px; }
@media(min-width:768px) {
.about-dsi-predestination .about-dsi-predestinationl { float:left; width:calc((100% - 630px)); }
.about-dsi-predestination .about-dsi-predestinationr{ float:right; width:600px; margin-top:0}
}
.about-dsi-project img{ display:block; width:80%; max-width:1200px; margin:0 auto; text-align:center}

.about-dsi-activity { }
.about-dsi-activity .about-dsi-activity-info { margin-bottom:30px; }
.about-dsi-activity .about-dsi-activity-info,.about-dsi-activity .about-dsi-activity-box { padding:30px; border:solid 1px #f8f7fd; line-height:1.5 }
.about-dsi-activity .about-dsi-activity-img { margin-top:20px}
.about-dsi-activity .about-dsi-activity-img img{ width:100% }
.about-dsi-activity .about-dsi-activity-text {margin-top:20px }
.about-dsi-activity .about-dsi-activity-box {color:#545454; }
.about-dsi-activity .about-dsi-activity-box h2{ font-size:32px; font-weight:bold }
.about-dsi-activity .about-dsi-activity-box p{ font-size:18px; line-height:32px; }
@media(min-width:768px) {
.about-dsi-activity .about-dsi-activity-img { float:left; width:420px; }
.about-dsi-activity .about-dsi-activity-text { float:right; width:calc((100% - 460px));margin-top:20px }
}
/*支持*/
.support .support-tip { font-size:18px; color:#4b3825; text-align:center; font-weight:bold; line-height:36px; padding:50px 20px; border-bottom:solid 1px #d6d6d6 }

.support .support-contribution-zz {  }
.support  .info{font-size:18px; color:#545454; line-height:32px; margin-top:20px; }
.support  p.aaa{font-size:18px;color:#4b3825; font-weight:bold; line-height:36px  }
.support  p.aaa i{ font-size:24px; margin:10px 10px 0 0;}
.support-contribution-gr { background:#FFF; border-radius:30px; padding:30px;}
.support-contribution-gr .support-contribution-gr-xcx { width:180px; margin-top:30px; }
.support-contribution-gr .support-contribution-gr-xcx img{ width:100%;}
.support-contribution-gr .support-contribution-gr-info { margin-top:30px; }
@media(min-width:768px) {
.support .support-tip { font-size:24px;  line-height:70px; }
.support-contribution-gr .support-contribution-gr-xcx { float:left;}
.support-contribution-gr .support-contribution-gr-info { float:right;width:calc((100% - 240px)); }
}



/*联系*/
.contact,.contact .contact-yx ul li a { font-size:18px; color:#545454;}
.contact .contact-wx {width:240px; text-align:center; margin:0 auto} 
.contact .contact-wx img { width:100%; max-width:220px; margin:0 auto } 
.contact .contact-yx p.address { margin-top:30px; } 
.contact .contact-yx ul li { display:block; float:left; width:50%; font-size:16px; margin:20px 0 0 0 }
.contact .contact-yx ul li i{ font-size:20px; margin:10px 5px 0 0 }
@media(min-width:768px) {
.contact .contact-wx { float:left; }
.contact .contact-yx {float:right;width:calc((100% - 300px));margin:50px 0 0 30px;  }
.contact .contact-yx ul li { width:40%; font-size:20px;}
.contact .contact-yx ul li i{ font-size:26px; }
}
.message {background:#FFF; border-radius:30px; padding:30px; }
.message input,.message select,.message textarea { border:solid 1px #e3e3e3; border-radius:10px;padding:5px 10px; margin-top:20px;font-family: Arial;
  font-size: 14px; color:#4b3825;
  line-height: 28px;}
.message input,.message select {display: block;
  width: 100%; max-width:360px; height:38px;
  
 
  transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  outline: none;
  background: none; }
.message .check-leixing { margin-top:20px; color:#545454;line-height:2 }  
.message .check-leixing input { display:inline-block; padding:0; margin:0 10px 0 10px; width:15px; height:15px; }
.message textarea {resize: none; width:100%; height:200px;  width:100%; border: }
.message input.submit { background:#574241; width:220px; height:56px; border-radius:28px;line-height:32px; font-size:16px; color:#FFF; font-weight:bold }
@media(min-width:768px) {
.message .check-leixing input {margin:0 10px 0 20px; }
}


.big-link {position: fixed;
  right: 10px;
  bottom: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 15px; width:145px; background:#574240; font-size:16px; color:#FFF; line-height:28px; border-radius:20px;
  z-index: 999;}

